@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2*1px;
}
$blue: #241f47;
@mixin posi {
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}
.indexM{
    background: url("../img/beijing.png");

//头部
header {
    display: flex;
    align-items: center;
    height: p(88);
    position: fixed;
    background: white;
    width: 100%;
    top: 0;
    .nav {
        flex-grow: 1.3;
        font-size: p(40);
        color: $blue;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .search {
        flex-grow: 8.7;
        font-size: p(24);
        position: relative;
        display: flex;
        justify-content: center;
        input[type="search"] {
            width: p(420);
            height: p(41);
            border: p(1) solid $blue;
            border-radius: p(20);
            text-align: center;
            z-index: 1;
            position: relative;
            font-size: p(24);
            background: transparent;
            padding: 0 p(24);
        }
        i {
            font-size: p(24);
            @include posi;
            color: #bababa;
            transform: translate(-50%,-50%) scale(0.9);
        }
        input[type="search"]:focus ~ i {
            display: none;
        }
    }
}
section {
    width: 100%;
    position: absolute;
    top: p(100);
    .kv {
        width: 100%;
        height: p(313);
        overflow: hidden;
        .lunbo {
            width: 100%;
            .swiper-slide {
                width: 100%;
                a {
                    width: 100%;
                    display: inline-block;
                    img {
                        width: 100%;
                    }
                }
            }
        }
        
    }
    //产品列表
    .goodList {
        width: 100%;
        box-sizing: border-box;
        padding-left: p(15);
        padding-right: p(15);
        .goods {
            width: 100%;
            display: flex;
            height: p(178);
            align-items: center;
            margin-top: p(16);
            justify-content: space-around;
            background: white;
            .goodsImg {
                width: p(352);
                height: p(178);
                overflow: hidden;
                img {
                    width: 100%;
                }
            }
            >a {
                width: p(184);
                height: p(54);
                display: block;
                background: url(../img/bg.png)no-repeat;
                background-size: 100%;
                font-size: p(26);
                color: white;
                text-align: center;
                line-height: p(54); //              margin: 0 auto;
            }
        }
    }
}
footer {
    width: 100%;
    height: p(96);
    align-items: center;
    display: flex;
    border-top: 1px solid #241f47;
    background: white;
    position: fixed;
    bottom: 0;
    font-size: 0;
    >div {
        flex-grow: 1;
        text-align: center;
    }
    .shouye {
        width: p(103);
        img {
            width: p(46);
            height: p(40);
        }
        a{
            font-size: p(24);
            color: #fade5d;
        }
    }
    .bang {
        width: p(103);
        img {
            width: p(38);
            height: p(38);
        }
        a{
            font-size: p(24);
            color: black;
        }
    }
    .gouwuche {
        width: p(103);
        img {
            width: p(42);
            height: p(39);
        }
        a{
            font-size: p(24);
            color: black;
        }
    }
    .geren {
        width: p(103);
        img {
            width: p(40);
            height: p(39);
        }
        a{
            font-size: p(24);
            color: black;
        }
    }
}
}